<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <ui:insert name="meta"></ui:insert>
        <link href="${request.contextPath}/resources/style.css" rel="stylesheet" type="text/css"/>
        <link href="${request.contextPath}/resources/layout.css" rel="stylesheet" type="text/css"/>
        <title>
            <ui:insert name="title">Web Based Claim Processing  | eProject Aptech </ui:insert>
        </title>
        <!--        <script src="http://maps.google.com/maps/api/js?sensor=false"
                type="text/javascript"></script>-->
        <script type="text/javascript">
            $(function () {
                setNavigation();
            });

            function setNavigation() {
                var path = window.location.pathname;
                path = path.replace(/\/$/, "");
                path = decodeURIComponent(path);
                $(".art-hmenu a").each(function () {
                    var href = $(this).attr('href');
                    if (path.substring(0, href.length) === href) {
                        $(this).closest('a').addClass('active');
                    }
                });
            }
        </script>
        <!--[if lt IE 7]>
                           <script type="text/javascript" src="${request.contextPath}/resources/ie_png.js"></script>
                           <script type="text/javascript">
                               ie_png.fix('.png');
                           </script>
                           <style type="text/css">
                           #header {background:url(/resources/Default/images/top.gif)}
                           </style>
                        <![endif]-->
        <!--[if IE]>
        <style type="text/css">
        #header ul li a:hover, #header ul li .current, #header ul .first a:hover,#header ul .first .current,#header ul .last a:hover,#header ul .last .current {background-position: 2px left;}
        .kywrds2{color: #576986; font-family : Arial, Helvetica; font-size: 7px; background: #36517C; margin-bottom:0em;line-height:7px;}
        .kywrds{color: #E0E1E2; font-family : Arial, Helvetica; font-size: 7px; background: #F7F7F7; margin-bottom:0em;line-height:7px;}
        </style>
        <![endif]-->
           <script language="JavaScript">
    <!-- Begin
    function vIE(){return (navigator.appName=='Microsoft Internet Explorer')?parseFloat((new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})")).exec(navigator.userAgent)[1]):-1;}
    if (navigator.appName!='Microsoft Internet Explorer' || vIE()>6){
    var backgroundOffset = 0;
    var bgObject = eval('document.body');
    function scrollBG(maxSize) {
    backgroundOffset = backgroundOffset + 1;
    if (backgroundOffset > maxSize) backgroundOffset = 0;
    bgObject.style.backgroundPosition = backgroundOffset + " 0";
    }
    var ScrollTimer = window.setInterval("scrollBG(1500)", 64);
    }
    // End -->
    </script>	
    </h:head>

    <h:body>
        <p:growl id="growl"/>
        <div class="tail-top">
        <div class="tail-bottom">
            <div class="main">
                <div id="header">
                    <div class="indent"><br/><a href="http://www.virtualclaimsadjuster.com/tourrequest"></a></div>
                    <ul>
                        <li class="png first"><a href="#" class="current">Home</a></li>
                        <li class="png"><a href="http://www.virtualclaimsadjuster.com/company">Company</a></li>
                        <li class="png"><a href="http://www.virtualclaimsadjuster.com/products">Products</a></li>
                        <li class="png"><a href="http://www.virtualclaimsadjuster.com/Services">Services</a></li>
                        <li class="png"><a href="http://www.virtualclaimsadjuster.com/pressroom">Press Room</a></li>
                        <li class="png"><a href="http://www.virtualclaimsadjuster.com/clients">Clients</a></li>
                        <li class="png last"><a href="http://www.virtualclaimsadjuster.com/contactus">Contact Us</a></li>
                    </ul>
                    <a href="#"><img alt="" src="${request.contextPath}/resources/logo.png" class="logo png"/></a>
                    <style type="text/css">
                        #header { height: 440px; background: url("${request.contextPath}/resources/top2.png") no-repeat scroll center bottom transparent;}
                    </style>
                        
                    <script type="text/javascript" src="${request.contextPath}/resources/jquery.min.js"></script>
                    <script type="text/javascript" src="${request.contextPath}/resources/fadeslideshow.js"></script>
<script type="text/javascript">
    if (navigator.appName!='Microsoft Internet Explorer' || eval(vIE())>=6){
    var mygallery=new fadeSlideShow({
	    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	    dimensions: [864, 188], //width/height of pic in pixels - reflect dimensions of largest image
	    
	    // Each Image Array Element is defined as below:
	    // ["Image Path", "Destination Page URL onClick (Optional)", "Destination Window - e.g. _blank ~ default is _self (Optional)", "Caption at Bottom (Optional)"]
	    imagearray: [  
		    ["${request.contextPath}/resources/VCA_img1.jpg"],
		    ["${request.contextPath}/resources/VCA_img2.jpg"],
		    ["${request.contextPath}/resources/VCA_img3.jpg"],
		    ["${request.contextPath}/resources/VCA_img4.jpg"],
		    ["${request.contextPath}/resources/VCA_img5.jpg"],
		    ["${request.contextPath}/resources/VCA_img6.jpg"] 
	    ],
	    
	    displaymode: {type:'auto', pause:5000, cycles:1, wraparound:false}, //pause - milliseconds on each slide; cycles - # of loops
	    persist: false, 
	    fadeduration: 750, //transition duration (milliseconds)
	    descreveal: "ondemand",
	    togglerid: ""
    })
    }    
    </script>
                    <div style="padding:7px;">
                          <div id="fadeshow1" class="img">
                              <a href="#"><img alt="" src="${request.contextPath}/resources/VCA_img1.jpg" /></a>
    </div>  
                    </div>
          </div>
                
        <div id="content" class="png">
              <ui:insert name="content">Content</ui:insert>
        </div>
        <div class="clear"/>
        <div id="footer">
            <div class="indent-footer">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="http://www.virtualclaimsadjuster.com/company">Company</a></li>
                    <li><a href="http://www.virtualclaimsadjuster.com/products">Products</a></li>
                    <li><a href="http://www.virtualclaimsadjuster.com/services">Services</a></li>
                    <li><a href="http://www.virtualclaimsadjuster.com/pressroom">Press Room</a></li>
                    <li><a href="http://www.virtualclaimsadjuster.com/clients">Clients</a></li>
                    <li class="last"><a href="http://www.virtualclaimsadjuster.com/contactus">Contact Us</a></li>
                </ul>
                <br class="clear"/>
            </div>
            <span style="margin-top:10px;font-weight:bold;"> eProject Web Based Claims Processing © 2013    |    <a href="http://bachdev.net"> Aptech Education </a> </span>
        </div>
        </div>
        </div>
        </div>
        </h:body>

    <h:form id="form1">
    <p:dialog header="Login" resizable="false" modal="true" id="loginDialog" widgetVar="loginDialog"  showEffect="fade" hideEffect="explode">
        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">
            <h:outputText value="Username:" />
            <p:inputText value="#{userController.username}" id="txtUsername" title="username" />
            <h:outputText value="Password:" />
            <h:inputSecret value="#{userController.password}" title="password"
                           id="txtPassword" styleClass="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"/>
            <f:facet name="footer">
                <p:commandButton id="btnLogin" ajax="false" action="#{userController.checkLogin}" value="Login"
                                 oncomplete="loginDialog.hide()" image="ui-icon ui-icon-check" />
                <p:commandButton id="btnCancel" onclick="loginDialog.hide()" type="reset" image="ui-icon ui-icon-close" value="Cancel" />
            </f:facet>
        </h:panelGrid>
    </p:dialog>
 </h:form>

</html>